<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="UTF-8">
    <title>管理员页面</title>

    <link rel="stylesheet" th:href="@{/css/totalCss.css}">
    <link rel="stylesheet" th:href="@{/css/admin.css}">
    <!-- 引入 Bootstrap -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.19.1/dist/bootstrap-table.min.css">
</head>
<body>
<!-- 最外层 -->
<div class="outer">
    <!-- 左边菜单栏 -->
    <div class="leftBlock">
        <div class="leftMenu">
            <!-- 头像 -->
            <div class="avatar">

            </div>
            <div class="btnBlock" id="editUserBtn">修改用户信息</div>
<!--            <div class="btnBlock">进入测试</div>-->
            <div class="btnBlock" id="userTestBtn">用户测试信息</div>
            <div class="btnBlock" id="averageTestBtn">测试平均分信息</div>
        </div>
    </div>
    <!-- 右边模块 -->
    <div class="rightBlock">
        <div style="position:absolute; height: 20px; width: 1120px;top: 28px;left: 375px;background-color: #ffffff;opacity: 0.6;border-radius: 20px;z-index: -1"></div>

        <!-- 进入修改用户信息模块模块 -->
        <div class="rightMask" id="editUserBlock" style="display: block;" onclick="hidemask()">
            <div style="height: 20px;"></div>
            <div id="mask" class="mask" ></div>
            <table  id="bs-table" style="z-index: -1">
            </table>

            <div class="popBox" id="popbox" style="display: none">
                <form th:action="@{/updateUser}" method="post">
                    <div class="userRow">
                        <label style="margin-left: 10px">用户ID</label>
                        <input type="text" id="show_user_id"  name="user_id" class="input" style="margin-left: 30px" disabled/>
                    </div>
                    <input type="hidden" id="userId"  name="userId" class="input"/>
                    <div class="userRow">
                        <label style="margin-left: 10px">用户名&nbsp;&nbsp;&nbsp;</label>
                        <input type="text" id="username" name="username" class="input"/>
                    </div>
                    <div class="userRow">
                        <label style="margin-left: 10px">姓&nbsp;&nbsp;&nbsp;名</label>
                        <input type="text" id="name" name="name"  class="input" style="margin-left: 30px"/>
                    </div>
                    <div class="userRow">
                        <label style="margin-left: 10px">密&nbsp;&nbsp;&nbsp;码</label>
                        <input type="text" id="password" name="password" class="input" style="margin-left: 30px"/>
                    </div>
                    <div class="userRow" id="sex" name="sex">
                        <label style="margin-left: 10px">性&nbsp;&nbsp;&nbsp;别</label>
                        <input type="radio" name="sex" id="man" class="input" value="true" style="margin-left: 30px"/>男
                        <input type="radio" name="sex" id="woman" class="input" value="false" style="margin-left: 30px"/>女
                    </div>
                    <div class="userRow" id="authority" name="authority">
                        <label style="margin-left: 10px">权&nbsp;&nbsp;&nbsp;限</label>
                        <input type="radio" name="authority" id="admin" class="input" value="true" style="margin-left: 30px"/>管理员
                        <input type="radio" name="authority" id="user" class="input" value="false" style="margin-left: 30px"/>用户
                    </div>
                    <input type="submit" value="修改" class="btns" />
                </form>
            </div>
        </div>
        <!--    用户测试信息    -->
        <div class="rightMask" id="userTestBlock" style="display: block;">
            <div style="height: 20px;"></div>
            <table  id="bs-test" >
                <tr>
                    <th data-field="sid" align="center" data-sortable=true >测试序号</th>
                    <th data-field="uid" align="center" data-sortable=true >用户ID</th>
                    <th data-field="username" align="center" >用户名</th>
                    <th data-field="name" align="center" >姓名</th>
                    <th data-field="typeName" align="center" data-sortable=true >类型</th>
                    <th data-field="num" align="center" data-sortable=true >成绩</th>
                    <th data-field="time" align="center" data-sortable=true >时间</th>
                </tr>
            </table>

        </div>
        <div class="rightMask" id="averageTestBlock" style="display: block">
            <div style="height: 20px;"></div>
            <table  id="bs-averagetable"></table>
        </div>
    </div>
</div>


<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/index.js}"></script>
<!-- 【远程】直接实用远程的bootstrap -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://unpkg.com/bootstrap-table@1.19.1/dist/bootstrap-table.min.js"></script>
<!-- Latest compiled and minified Locales -->
<script src="https://unpkg.com/bootstrap-table@1.19.1/dist/locale/bootstrap-table-zh-CN.min.js"></script>
<script th:src="@{/js/admin.js}"></script>
</body>
</html>